<template>
	<view>
		<u-sticky :customNavHeight="0">
			<view style="background-color: #fff;padding-bottom: 5px;margin-bottom: 5px;">
				<u-tabs ref="tabs" :current="currentTabIndex" @change="tabChange" :list="list1" lineColor="#ff8b06" lineWidth="18px" lineHeight="3px" :itemStyle="{width:'80px',height:'44px'}" :activeStyle="{fontSize:'16px',fontWeight:'bold'}" :inactiveStyle="{fontSize:'16px'}"></u-tabs>
			</view>
		</u-sticky>

		
		<view>
			<view v-show="currentTabIndex === 0">
				<job-manager></job-manager>
			</view>
			
			<view v-show="currentTabIndex === 1">
				<job-manager></job-manager>
			</view>
		</view>
	</view>
	
	<!-- 底部导航条 -->
	<!-- <tabbs></tabbs> -->
</template>

<script>
	import jobManager from './job-manager/job-manager.vue'
	//import jobTemplate from './job-template/job-template.vue'
	//import tabbs from '@/pages/tabbs/tabbas.vue'
	export default {
		components:{
			jobManager,
			//jobTemplate,
			//tabbs
		},
		data() {
			return {
				currentTabIndex:0,
				list1: [{
					name: '排班',
				}, {
					name: '模板',
				}],
			}
		},
		methods:{
			tabChange(e) {
				console.log(e)
				this.currentTabIndex = e.index
			}
		}
	}
</script>

<style>
</style>